
/***************************************
   СТАНДАРТНОЕ ОФОРМЛЕНИЕ ДЛЯ ТЕГОВ    
****************************************/

@charset "utf-8";

/* стили для групп тегов */

A, ABBR, ACRONYM, ADDRESS, APPLET, B, BIG,  BLOCKQUOTE, BODY, CAPTION, CENTER, CITE, CODE, DD, DEL, DFN,  DIV, DL, DT, EM, FIELDSET, FONT, FORM,  H1, H2, H3, H4, H5, H6, HTML, I, IFRAME, IMG,  INS, KBD, LABEL, LEGEND, LI, OBJECT, OL,  P, PRE, Q, S,SAMP, SMALL, SPAN, STRIKE, STRONG, SUB,  SUP, TABLE, TBODY, TD ,  TFOOT, TH, 
THEAD, TR, TT, U, UL, VAR
{	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	
	background: transparent;
}

H1, H2, H3, H4, H5, H6, P, PRE, BLOCKQUOTE, CITE, DL, UL, OL, FIELDSET, ADDRESS 
{
	margin: 1.2em 0 1.2em;
	text-indent: 0;
}

H1, PRE, BLOCKQUOTE, CITE { clear: both;}

UL, OL, LI, DD, BLOCKQUOTE {
	margin-left: 1em;
}
BLOCKQUOTE { margin-left: 2em; }

PRE,  CODE, KBD, SAMP, TT, VAR {
	font-family: monospace;
}

BUTTON, INPUT, SELECT {vertical-align:middle;}


/* стили для конкретных тегов */

A
/*, A:link, A:visited */
{
	text-decoration: underline;
	color:#06F;
}
A:hover {
	text-decoration: none;
	color:#F00;
}
A:active {
	text-decoration: underline;
}

A IMG {border:0;}

ADDRESS, ABBR, ACRONYM  {
	font-style: normal;
}

ACRONYM {
	text-transform: uppercase;
}
ACRONYM, ABBR {
	border-bottom: 1px dotted #333;
	cursor: help;
}



BIG {font-size:130%;}


BLOCKQUOTE:before, BLOCKQUOTE:after
{
	content: '';
	content: none;
	quotes: none;
}


BODY {
	height: 100%; width:100%;
	color:black;
	font-size:100%;
	line-height: 125%;
	font-family: Arial, Verdana, Helvetica, Geneva, Lucida, Verdana, sans-serif;
	
}

CAPTION {
	text-align:left;
}


DEL {
	text-decoration: line-through;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}

FIELDSET {

}

FORM {
	/* margin: 1em 0; */
}

HTML {
	font-size:100.01%;
	background: white;
	}

	
H1, H2, H3, H4, H5, H6 {
	line-height: 1.2;
	margin: .5em 0 .3em 0;
}

H1 { font-size: 2.0em; }
H2 { font-size: 1.6em; }
H3 { font-size: 1.4em; }
H4 { font-size: 1.2em; }
H5 { font-size: 1.1em; }
H6 { font-size: 1.0em; }	


HR {
	background-color: #666;
	border-width: 0;
	height: 1px;
	text-align: left;
	width: 95%;
}

IFRAME {display:block;}
	

/* remember to highlight inserts somehow! */
INS {
	text-decoration: none;
	/*font-style: italic;*/
}

LABEL {
	cursor: pointer;
	margin: 0;
	padding: .3em 0;
	clear:left;
}

LI 	{ margin-top:.7em; margin-bottom:.7em;}

OL { padding: 0 0 0 2em; }
OL { list-style-type: decimal; }
OL OL { list-style-type: upper-alpha; }
OL OL OL { list-style-type: lower-roman; }
OL OL OL OL { list-style-type: decimal; }

P {
	clear: inherit;
}

PRE, CODE {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, начиная с 1999 года */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


Q {quotes: none;}

Q:before, Q:after {
	content: '';
	content: none;
}


SELECT {font-size:85%;}

SMALL, .small {font-size:85%;} 


                 
SUB {
	vertical-align: baseline;
	font-size: 60%;
	position: relative;
	bottom: -0.3em;
	/* ALTERNATIVES */
	/* vertical-align: sub; */
	/* font-size: 60%; */
	/* line-height: 0; */
}

SUP {
	vertical-align: baseline;
	font-size: 60%;
	position: relative;
	bottom: 0.6em;
	/* ALTERNATIVES */
	/* vertical-align: super; */
	/* font-size: 60%; */
	/* line-height: 0; */
}


/* tables still need 'cellspacing="0"' in the markup */
TABLE {
	
	border-collapse: collapse;	/*collapse/separate */
	border-spacing: 0; 
	clear: both;   				/* both | left | none | right  */
	font-size: inherit;
	empty-cells: show;
	caption-side: top;
}
TD {
	font-size: inherit;
	font-family: inherit;
	
}

TH {
	text-align:left;
	font-weight: bold;
}

TEXTAREA {
	display: block; clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

UL {
	padding: 0 0 0 0.2em;
	margin:1em 0 1.5em;
}
UL UL {margin:.2em 0 0.1em;}

UL { list-style-type: disc; }
UL UL { list-style-type: square; }
UL UL UL { list-style-type: circle; }
UL UL UL UL { list-style-type: disc; }



/***************************************
	         CSS КЛАССЫ    
****************************************/

/* Таблица цветов: http://www.stm.dp.ua/web-design/color-html.php 


.black, A.black {color:#000;}
*/

.blue {color:#3766AC}	
.bold {font-weight:bold;}

.border1px  {border:1px solid #ccc;}

TABLE.border1px {
	border:1px solid #999; 
	border-collapse: collapse; 
	margin:5px 0; 
	}
TABLE.border1px  TH, 
TABLE.border1px  TD {
	border:1px solid #999; 
	vertical-align:top;
	font-size:14px; 
	padding:3px 8px;
	}
TABLE.border1px  TH,
TABLE.border1px  THEAD TR TD {
	padding:3px 6px;
	background:#9DB5D4;
	background:#fff;
	text-align:center;
}

TABLE.border1px  INPUT {
	
    
	border: auto;
	color: #333;
	padding: 0 2px 3px;
    height:auto;

}


TABLE.border0px TD {border:0;}


.center {text-align:center}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.dashed  {
	border-bottom: 1px dashed #000; 
	}

a.dashed {
    border-bottom: 1px dashed #36a; 
	text-decoration: none;
    cursor: pointer; 
    }
	
a.dashed:hover    {
    border-bottom:0;
	color:red;
}

.floatright { 
	float: right;
	margin-: 0 0 5px 15px;
}
.floatleft {
	float: left;
	margin-: 0 15px 5px 0;
}

.grey, A.grey, .grey A {color:#999;}
.grey2, A.grey2, .grey2 A {color:#ccc;}

.green, .green A {color:#080;}

.imgright  { 
	float: right; display:inline;
	margin: 0 0 5px 15px;
}
.imgleft {
	float: left; display:inline; clear: left; 
	margin: 0 15px 5px 0;
	
}

.help {}

.hidden {
	display: none;
	visibility: hidden;
}

.nobold {font-weight:normal}

/* rounded corners */
.rtop, .rbottom {display:block}
.rtop *, .rbottom * {display: block; height: 1px; overflow: hidden;
 background:#548AC9; }
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}


.opacity50  {opacity: 0.5; filter: alpha(opacity=50);}
.opacity40  {opacity: 0.4; filter: alpha(opacity=40);}
.opacity30  {opacity: 0.3; filter: alpha(opacity=30);}
.opacity20  {opacity: 0.2; filter: alpha(opacity=20);}
.opacity10  {opacity: 0.1; filter: alpha(opacity=10);}

.orange {color:orange}
.orangered, .orangered A  {color:orangered}

.red, .red A, A.red  {color:#f00;}

.shadow{
	background:#aaa;
	padding:1px 1px 1px 1px;
	border-right:	2px solid #e5e5e5;
	border-bottom:	2px solid #ddd;
	
	border-top2:		1px solid #ccc;	
	border-left2:	1px solid #ccc;	
	} 

.steelblue {color:steelblue}

/* исправление для расширяющейся textarea в IE6 при начале ввода */
* HTML  DIV.textarea_wrapper {overflow: hidden; width: 100%; }
* HTML  DIV.textarea_wrapper TEXTAREA {width:98.7%;}

.u {text-decoration:underline; }